<template>
	<u-tabbar activeColor="rgba(43,43,43,10)" inactiveColor="rgba(43,43,43,10)"
		:customStyle="{height:'110rpx',backgroundColor:'rgba(130,130,130,'+nature.opacity+')'}" @change="select"
		:border="false" :placeholder="true" :value="now">
		<u-tabbar-item customStyle="height:120rpx;" v-for="(data,index) in tabBerList" :text="data.text"
			:icon="data.iconPath" :dot="data.isDot">
		</u-tabbar-item>
	</u-tabbar>
</template>

<script>
	import {
		mapGetters
	} from 'vuex'
	export default {
		name: 'buttom',
		props: ['nature'],
		data: function() {
			return {
				
			}
		},
		mounted() {
			
		},
		methods: {
			select(e) {
				this.$store.commit("clickicon", e)
				uni.switchTab({
					url: this.tabBerList[e].pagePath
				});
			}
		},
		computed: {
			...mapGetters([
				'tabBerList',
				'midBtn',
				'now',
				'old'
			])
		}
	}
</script>

<style lang="scss" scoped>
</style>
